import 'dart:ui';

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

/**
 * 毛玻璃效果
 */
class MyApp19 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: "BottomNavigationWidget",
      theme: ThemeData(primarySwatch: Colors.lightBlue),
      home: FrostedGlass(),
      debugShowCheckedModeBanner: false,
    );
  }
}

class FrostedGlass extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.brown,
      appBar: AppBar(
        title: Text(
          "FrostedGlass view",
          style: TextStyle(color: Colors.white, fontSize: 16.0),
        ),
        backgroundColor: Colors.deepPurpleAccent,
        leading: Container(),
        //这个值是AppBar 滚动时的融合程度，一般有滚动时默认是4.0，现在我们设置成0.0，就是和也main完全融合了。
        elevation: 0.0,
      ),
      //重叠的Stack Widget
      body: Stack(
        children: [
          ConstrainedBox(  //约束盒子组件，添加额外的限制条件到 child上。
            constraints: BoxConstraints.expand(),//限制条件，可扩展的。
            child: Image.network("https://img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RE4wwte?ver=b46a"),
          ),
          Center(
            child: ClipRect( //裁切长方形
              child: BackdropFilter( //背景滤镜器
                filter: ImageFilter.blur(sigmaX: 5.0, sigmaY: 5.0),//图片模糊过滤，横向竖向都设置5.0
                child: Opacity(//透明控件
                  opacity: 0.5,
                  child: Container(
                    width: 500.0,
                    height: 700.0,
                    decoration: BoxDecoration(color: Colors.grey.shade200),//盒子装饰器，进行装饰，设置颜色为灰色
                    child: Center(
                      child: Text(
                        "GLASS DEMO",
                        style: Theme.of(context).textTheme.headline2,//设置比较酷炫的字体
                      ),
                    ),
                  ),
                ),
              ),
            ),
          )
        ],
      ),
    );
  }
}
